본문으로 건너뛰기

Q. 이벤트 버블링과 이벤트 위임에 대해서 설명해주세요.

🧑🏻‍💻 Answer.​

✅ 이벤트 버블링​

  • 이벤트 버블링은 이벤트가 발생한 요소에서 상위 요소로 이벤트가 전파되는 동작을 말합니다.

✅ 이벤트 위임​

  • 이벤트 위임은 하위 요소들 각각에 이벤트를 달지 않고 상위 요소에 이벤트 리스너를 달아놓고 하위 요소의 이벤트들을 감지하고 제어하는 방식입니다.

  • 즉 이벤트 버블링 현상을 통해 하위 요소들 각각에 이벤트를 달지 않고 상위 요소에 이벤트 리스너를 달아 하위 요소의 이벤트들을 감지하고 제어하는 방식으로 이벤트 위임을 구현 할 수 있 습니다.

  • 예를 들어, 여러 개의 요소가 동일한 이벤트를 처리해야 하는 경우, 중복된 코드를 피할 수 있습니다.

  • 또한, 이벤트 버블링은 동적으로 생성된 요소에 이벤트 핸들러를 할당할 때도 유용합니다.